*{
    padding: 0;
    margin: 0;
    border: 0;
    box-sizing: border-box;
    -moz-user-select: none;
    -webkit-user-select: none;
}
body{
    background-image: url(image/bg.jpg);
    cursor: url(image/cursor.png), auto;
    height: 100%;
    padding-top: 50px;
}
/* 鼠标按下时的样式 */
body:active{
    cursor: url(image/cursor-down.png), auto;
}
#score{
    font-size: 40px;
    position: absolute;
    width: 200px;
    height: 50px;
    background-color: rgba(0,0,0,0.3);
    text-align: center;
    color: yellow;
    top: 50px;
    left: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius:10px; 
}
table,td{
    border: 2px solid #0ff;
}
table{
    /* 边框折叠 */
    border-collapse: collapse;
    margin: 0 auto;
}
td{
    width: 200px;
    height: 200px;
    /* 背景图片路径、是否重复显示、位置 */
    background: url('image/hole.png') no-repeat center bottom;
    background-size: 100%;
    /* 水平对齐方式 */
    text-align: center;
    /*垂直对齐方式 */
    vertical-align: bottom;
}
td img{
    width: 130px;
    height: 0;
    /* 缩放 */
    /* transform: scale(1,0); */
    /* 设置样式过渡，会以动画形式改变 */
    transition: height 0.7s;
    margin-bottom: 22px;
}
.show{
    height: 150px;
}
@media(max-width:1280px){
    #score{
        position: static;
        margin-bottom: 20px;
    }
}